<template>
  <div>
    <div class="swiper">
      <el-carousel :interval="4000" type="card" height="280px">
        <el-carousel-item v-for="(item,index) of swiperList" :key="index">
          <img :src="item.picImg"/>
        </el-carousel-item>
      </el-carousel>
    </div>
  </div>
</template>
<script>
  import {swiperList} from "../assets/data/swiper";
  export default {
    name: 'swiper',
    data(){
      return {
        swiperList: []
      }
    },
    created() {
      this.swiperList = swiperList
    }
  }
</script>
<style lang="scss" scoped>
  @import "../assets/css/swiper.scss";
</style>
